<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://shiro.apache.org/tags" prefix="shiro" %>
<c:set var="contextPath" value="${pageContext.request.contextPath}"></c:set>

<title>加盟店 - 人员档案</title>

<link rel="stylesheet" href="${contextPath}/static/ace/components/_mod/jquery-ui/jquery-ui.css"/>
<link rel="stylesheet" href="${contextPath}/static/ace/components/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css"/>
<link rel="stylesheet" href="${contextPath}/static/ace/components/_mod/jqgrid/ui.jqgrid.css"/>

<%--<jsp:include page="../../head.jsp"/>--%>

<style type="text/css">
    .customBtn {
        line-height: 20px;
        margin-bottom: 3px;
    }

    .btnLine {
        margin-left: 1px;
        margin-top: 8px;
        margin-bottom: 2px;
    }

    @-webkit-keyframes bouncedelay {
        0%, 80%, 100% {
            -webkit-transform: scale(0.0)
        }
        40% {
            -webkit-transform: scale(1.0)
        }
    }

    @keyframes bouncedelay {
        0%, 80%, 100% {
            transform: scale(0.0);
            -webkit-transform: scale(0.0);
        }
        40% {
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
        }
    }

    .autocomplete-suggestions {
        border: 1px solid #999;
        background: #FFF;
        overflow: auto;
    }

    .autocomplete-suggestion {
        padding: 2px 5px;
        white-space: nowrap;
        overflow: hidden;
    }

    .autocomplete-selected {
        background: #F0F0F0;
    }

    .autocomplete-suggestions strong {
        font-weight: normal;
        color: #3399FF;
    }

    @-moz-document url-prefix() {
        fieldset {
            display: table-cell;
        }
    }
</style>

<div class="row">
    <div class="row btnLine">
        <div class="button-len col-sm-12">
            <shiro:hasPermission name="USER:ADD">
                <button class="btn btn-white btn-sm btn-purple customBtn" id="addCargo">
                    <i class="ace-icon fa fa-plus-circle purple"></i> 新增
                </button>
            </shiro:hasPermission>

            <shiro:hasPermission name="USER:EDIT">
                <button class="btn btn-white btn-info btn-sm customBtn" id="editShop">
                    <i class="ace-icon fa fa-pencil blue"></i> 修改
                </button>
            </shiro:hasPermission>
            <shiro:hasPermission name="USER:INITPASSWORD">
                <button class="btn btn-white btn-info btn-sm customBtn" id="initializeUserPassword">
                    <i class="ace-icon fa fa-key red"></i> 初始化密码
                </button>
            </shiro:hasPermission>
            <input class="input-sm" type="text" id="userName" style="margin-left: 20px;"
                   placeholder="用户姓名">
            <input class="input-sm" type="text" id="phone" style="margin-left: 5px;"
                   placeholder="手机号">
            <%--	<select id="stateInput">
                            <option value="-1">==审核状态==</option>
                            <option value="3">待审核</option>
                            <option value="1">通过</option>
                            <option value="4">拒绝</option>
                            <option value="0">无效</option>
                        </select>--%>
            <button class="btn btn-sm btn-white btn-info search-len customBtn"
                    onclick="searchShop()">
                <i class="ace-icon fa fa-search orange"></i>搜索
            </button>
        </div>
    </div>

    <div class="col-xs-12">

        <table id="grid-table"></table>

        <div id="grid-pager"></div>

    </div>
</div>

<!-- page specific plugin scripts -->

<script type="text/javascript" src="${contextPath}/static/statistics/js/jquery.mockjax.js"></script>
<script type="text/javascript" src="${contextPath}/static/statistics/js/jquery.autocomplete.js"></script>
<script type="text/javascript" src="${contextPath}/static/ace/components/bootstrap-datepicker/dist/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="${contextPath}/static/ace/components/jqGrid/js/jquery.jqGrid.js"></script>
<script type="text/javascript" src="${contextPath}/static/ace/components/jqGrid/js/i18n/grid.locale-cn.js"></script>
<script type="text/javascript" src="${contextPath}/static/layer/layer.js"></script>
<script type="text/javascript">
    var grid_selector = "#grid-table";
    var pager_selector = "#grid-pager";

    var scripts = [null, "${contextPath}/static/ace/components/bootstrap-datepicker/dist/js/bootstrap-datepicker.js", "${contextPath}/static/ace/components/jqGrid/js/jquery.jqGrid.js", "${contextPath}/static/ace/components/jqGrid/js/i18n/grid.locale-cn.js", "${contextPath}/static/layer/layer.js", null]

    $('.page-content-area').ace_ajax('loadScripts', scripts, function () {

    jQuery(function ($) {
        var parent_column = $(grid_selector).closest('[class*="col-"]');
        //resize to fit page size
        $(window).on('resize.jqGrid', function () {
            $(grid_selector).jqGrid('setGridWidth', parent_column.width());
        })

        //resize on sidebar collapse/expand
        $(document).on('settings.ace.jqGrid', function (ev, event_name, collapsed) {
            if (event_name === 'sidebar_collapsed' || event_name === 'main_container_fixed') {
                //setTimeout is for webkit only to give time for DOM changes and then redraw!!!
                setTimeout(function () {
                    $(grid_selector).jqGrid('setGridWidth', parent_column.width());
                }, 20);
            }
        })

        jQuery(grid_selector).jqGrid({
            //direction: "rtl",

            //subgrid options
            subGrid: false,
            url: "${contextPath}/sys/user/getUserInfo",
            //data: grid_data,
            datatype: "json",
            mtype: 'POST',
            height: 350,
            colNames: ['ID', '用户姓名', '电话', 'ROLE_KEY', '角色', '区域', '烟草公司ID', '收单行ID', '所属区县','渠道', '客户经理', '工业公司', '状态', '修改时间', '创建时间'],
            colModel: [
                {name: 'id', index: 'id', width: 60, editable: true, hidden: true},
                {
                    name: 'username',
                    index: 'username',
                    width: 90,
                    editable: true,
                    sortable: false,
                    editrules: {required: true}
                },
                {
                    name: 'phone',
                    index: 'phone',
                    width: 110,
                    editable: true,
                    sortable: false,
                    editrules: {required: true, custom: true, custom_func: isPhone}
                },
                {name: 'roleKey', index: 'roleKey', width: 70, editable: false, sortable: false},
                {
                    name: 'roleName',
                    index: 'roleName',
                    width: 90,
                    editable: true,
                    sortable: false,
                    edittype: 'select',
                    editoptions: {dataUrl: '${contextPath}/sys/role/getRoleInfoToSelect'},
                    editrules: {required: true}
                },
                {
                    name: 'channelName',
                    index: 'channelName',
                    width: 90,
                    editable: true,
                    sortable: false,
                    edittype: 'select',
                    editoptions: {value: " :不选择;毕节:毕节;六盘水:六盘水;安顺:安顺;贵安:贵安;贵阳:贵阳;遵义:遵义;铜仁:铜仁;黔东南:黔东南"}
                },
                {name: 'tbcocompId', index: 'tbcocompId', width: 90, editable: true, sortable: false},
                {name: 'bankCode', index: 'bankCode', width: 130, editable: true, sortable: false},
                {
                    name: 'quXianName',
                    index: 'quXianName',
                    width: 100,
                    editable: true,
                    sortable: false,
                    //edittype: 'select',
                    // editoptions: {dataUrl: '${contextPath}/checking/getQuXianNameInfoToSelected'}
                },
                {
                    name: 'realChannelName',
                    index: 'realChannelName',
                    width: 100,
                    editable: true,
                    sortable: false,
                    //edittype: 'select',
                    // editoptions: {dataUrl: '${contextPath}/checking/getQuXianNameInfoToSelected'}
                },
                {
                    name: 'empName',
                    index: 'empName',
                    width: 100,
                    editable: true,
                    sortable: false,
                    //edittype: 'select',
                    //editoptions: {dataUrl: '${contextPath}/checking/getEmpInfoToSelected'}
                },
                {name: 'materialCompany', index: 'materialCompany', width: 80, editable: true, sortable: false},
                {
                    name: 'state',
                    index: 'state',
                    width: 90,
                    editable: true,
                    sortable: false,
                    edittype: 'select',
                    editoptions: {value: "0:有效;1:无效"}
                },
                {name: 'gmtModifiedStr', index: 'gmtModifiedStr', width: 150, editable: false},
                {name: 'gmtCreateStr', index: 'gmtCreateStr', width: 150, editable: false}

            ],

            rownumbers: true, //自动行数
            sortname: "gmtModifiedStr",
            sortorder: "desc",
            viewrecords: true,
            rowNum: 10,
            rowList: [10, 20, 30],
            pager: pager_selector,
            altRows: true,
            //toppager: true,

            multiselect: false,
            //multikey: "ctrlKey",
            multiboxonly: true,

            loadComplete: function () {
                var table = this;
                setTimeout(function () {
                    styleCheckbox(table);

                    updateActionIcons(table);
                    updatePagerIcons(table);
                    enableTooltips(table);
                }, 0);
            },

//                jsonReader: {
//                    root:"dataList", page:"currPage", total:"totalpages",          //   很重要 定义了 后台分页参数的名字。
//                    records:"totalCount", repeatitems:false, id : "id"
//                },

            editurl: "${contextPath}/sys/user/editUserInfo",//nothing is saved
            caption: "用户信息",
            jsonReader: {
                root: "recordList",
                page: "currentPage",
                total: "pageCount",
                records: "recordCount"
            }

            //,autowidth: true,


            /**
             ,
             grouping:true,
             groupingView : {
				 groupField : ['name'],
				 groupDataSorted : true,
				 plusicon : 'fa fa-chevron-down bigger-110',
				 minusicon : 'fa fa-chevron-up bigger-110'
			},
             caption: "Grouping"
             */

        });
        $(window).triggerHandler('resize.jqGrid');//trigger window resize to make the grid get the correct size

        $("#editShop").click(function () {
            var id = $(grid_selector).jqGrid('getGridParam', 'selrow');
            if (!id) {
                $.jgrid.info_dialog("提示：", "请选择一条信息");
                return;
            }
            $(grid_selector).jqGrid("editGridRow", id, {
                // edit record form
                width: 500,
                closeAfterEdit: true,
                //editData :
                recreateForm: true,
                viewPagerButtons: false,
                beforeShowForm: function (e) {
                    var form = $(e[0]);
                    form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar')
                        .wrapInner('<div class="widget-header" />');
                    style_edit_form(form);
                },
                afterShowForm: function (e) {
                    var form = $(e[0]);
                    //console.log(form)

                    $.ajax({
                        url: '${contextPath}/checking/selectQuXianNameToSelected',
                        success: function (data) {
                            if (data.success) {
                                var countries = data.data
                                $('#quXianName').autocomplete({
                                    lookup: countries,
                                    onSelect: function (suggestion) {
                                        //alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
                                        //selectChannelNameToSelected(suggestion.value)
                                    },
                                    width: 200,
                                    minChars: 0,
                                });
                            }
                        }
                    });

                    $.ajax({
                        url: '${contextPath}/checking/selectEmpNameToSelected?channelName=',
                        success: function (data) {
                            if (data.success) {
                                var countries = data.data
                                $('#empName').autocomplete({
                                    lookup: countries,
                                    onSelect: function (suggestion) {
                                        ////console.log('You selected: ' + suggestion.value + ', ' + suggestion.data);
                                    },
                                    width: 200,
                                    minChars: 0,
                                });
                            }
                        }
                    });

                    $.ajax({
                        url: '${contextPath}/checking/selectChannelNameToSelected?quXianName=',
                        success: function (data) {
                            if (data.success) {
                                var countries = data.data
                                $('#realChannelName').autocomplete({
                                    lookup: countries,
                                    onSelect: function (suggestion) {
                                        //alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
                                    },
                                    width: 200,
                                    minChars: 0,
                                });
                            }
                        }
                    });

                    $.ajax({
                        url: '${contextPath}/checking/selectMaterialCompanyToSelected',
                        success: function (data) {
                            if (data.success) {
                                var countries = data.data
                                $('#materialCompany').autocomplete({
                                    lookup: countries,
                                    onSelect: function (suggestion) {
                                        //alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
                                    },
                                    width: 200,
                                    minChars: 0,
                                });
                            }
                        }
                    })

                },
                afterSubmit: function (response, postdata) {
                    var result = eval('(' + response.responseText + ')');
                    ////console.log(result);
                    return [result.success, result.message, 0];
                },
                errorTextFormat: function (response) {
                    ////console.log("错误"+response.responseText);
                    //var result = response.responseText;
                    return "服务器异常，稍后再试";
                }
            });
        });

        $("#addCargo").click(function () {

            $(grid_selector).jqGrid("editGridRow", 'new', {
                //new record form
                //width: 700,
                closeAfterAdd: true,
                recreateForm: true,
                viewPagerButtons: false,
                beforeShowForm: function (e) {
                    var form = $(e[0]);
                    form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar')
                        .wrapInner('<div class="widget-header" />')
                    style_edit_form(form);
                },
                afterShowForm: function (e) {
                    var form = $(e[0]);
                    //console.log(form)

                    $.ajax({
                        url: '${contextPath}/checking/selectQuXianNameToSelected',
                        success: function (data) {
                            if (data.success) {
                                var countries = data.data
                                $('#quXianName').autocomplete({
                                    lookup: countries,
                                    onSelect: function (suggestion) {
                                        //alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
                                        //selectChannelNameToSelected(suggestion.value)
                                    },
                                    width: 200,
                                    minChars: 0,
                                });
                            }
                        }
                    });

                    $.ajax({
                        url: '${contextPath}/checking/selectEmpNameToSelected?channelName=',
                        success: function (data) {
                            if (data.success) {
                                var countries = data.data
                                $('#empName').autocomplete({
                                    lookup: countries,
                                    onSelect: function (suggestion) {
                                        ////console.log('You selected: ' + suggestion.value + ', ' + suggestion.data);
                                    },
                                    width: 200,
                                    minChars: 0,
                                });
                            }
                        }
                    });

                    $.ajax({
                        url: '${contextPath}/checking/selectChannelNameToSelected?quXianName=',
                        success: function (data) {
                            if (data.success) {
                                var countries = data.data
                                $('#realChannelName').autocomplete({
                                    lookup: countries,
                                    onSelect: function (suggestion) {
                                        //alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
                                    },
                                    width: 200,
                                    minChars: 0,
                                });
                            }
                        }
                    });

                    $.ajax({
                        url: '${contextPath}/checking/selectMaterialCompanyToSelected',
                        success: function (data) {
                            if (data.success) {
                                var countries = data.data
                                $('#materialCompany').autocomplete({
                                    lookup: countries,
                                    onSelect: function (suggestion) {
                                        //alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
                                    },
                                    width: 200,
                                    minChars: 0,
                                });
                            }
                        }
                    })

                },
                afterSubmit: function (response, postdata) {
                    var result = eval('(' + response.responseText + ')');
                    ////console.log(result);
                    return [result.success, result.message, 0];
                },
                errorTextFormat: function (response) {
                    ////console.log("错误"+response.responseText);
                    //var result = response.responseText;
                    return "服务器异常，稍后再试";
                }
            });

        })

        $("#initializeUserPassword").click(function () {
            var id = $(grid_selector).jqGrid('getGridParam', 'selrow');
            if (!id) {
                $.jgrid.info_dialog("提示：", "请选择一条用户信息");
                return;
            }
            //询问框
            layer.confirm('将会把用户密码初始化为用户的手机号码', {
                btn: ['确定', '取消'] //按钮
            }, function () {
                var rowData = $(grid_selector).jqGrid('getRowData', id);
                layer.load(1);
                $.ajax({
                    url: '${contextPath}/sys/user/initializeUserPassword?phone=' + rowData.phone,
                    // async : false,
                    success: function (data) {
                        layer.closeAll('loading');
                        if (data.success) {
                            layer.msg('初始化成功', {icon: 1});

                        } else {
                            layer.msg(data.message);
                        }

                    },
                    error: function (error) {
                        layer.closeAll('loading');
                        $.jgrid.info_dialog("提示：", "服务器异常，稍后再试");
                    }

                })

            }, function () {

            });
        })
        //enable search/filter toolbar
        //jQuery(grid_selector).jqGrid('filterToolbar',{defaultSearch:true,stringResult:true})
        //jQuery(grid_selector).filterToolbar({});


        //switch element when editing inline
        function aceSwitch(cellvalue, options, cell) {
            setTimeout(function () {
                $(cell).find('input[type=checkbox]')
                    .addClass('ace ace-switch ace-switch-5')
                    .after('<span class="lbl"></span>');
            }, 0);
        }

        //enable datepicker
        function pickDate(cellvalue, options, cell) {
            setTimeout(function () {
                $(cell).find('input[type=text]')
                    .datepicker({format: 'yyyy-mm-dd', autoclose: true});
            }, 0);
        }


        //navButtons
        jQuery(grid_selector).jqGrid('navGrid', pager_selector,
            { 	//navbar options
                edit: false,
                editicon: 'ace-icon fa fa-pencil blue',
                add: false,
                addicon: 'ace-icon fa fa-plus-circle purple',
                del: false,
                delicon: 'ace-icon fa fa-trash-o red',
                search: false,
                searchicon: 'ace-icon fa fa-search orange',
                refresh: true,
                refreshicon: 'ace-icon fa fa-refresh green',
                view: false,
                viewicon: 'ace-icon fa fa-search-plus grey',
            },
            {
                //edit record form
                //closeAfterEdit: true,
                //width: 700,
                recreateForm: true,
                beforeShowForm: function (e) {
                    var form = $(e[0]);
                    form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
                    style_edit_form(form);
                }
            },
            {
                //new record form
                //width: 700,
                closeAfterAdd: true,
                recreateForm: true,
                viewPagerButtons: false,
                beforeShowForm: function (e) {
                    var form = $(e[0]);
                    form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar')
                        .wrapInner('<div class="widget-header" />')
                    style_edit_form(form);
                }
            },
            {
                //delete record form
                recreateForm: true,
                beforeShowForm: function (e) {
                    var form = $(e[0]);
                    if (form.data('styled')) return false;

                    form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
                    style_delete_form(form);

                    form.data('styled', true);
                },
                onClick: function (e) {
                    //alert(1);
                }
            },
            {
                //search form
                recreateForm: true,
                afterShowSearch: function (e) {
                    var form = $(e[0]);
                    form.closest('.ui-jqdialog').find('.ui-jqdialog-title').wrap('<div class="widget-header" />')
                    style_search_form(form);
                },
                afterRedraw: function () {
                    style_search_filters($(this));
                }
                ,
                multipleSearch: true,
                /**
                 multipleGroup:true,
                 showQuery: true
                 */
            },
            {
                //view record form
                recreateForm: true,
                beforeShowForm: function (e) {
                    var form = $(e[0]);
                    form.closest('.ui-jqdialog').find('.ui-jqdialog-title').wrap('<div class="widget-header" />')
                }
            }
        )


        function style_edit_form(form) {
            //enable datepicker on "sdate" field and switches for "stock" field
            //form.find('input[name=sdate]').datepicker({format:'yyyy-mm-dd' , autoclose:true})

            //form.find('input[name=stock]').addClass('ace ace-switch ace-switch-5').after('<span class="lbl"></span>');
            //don't wrap inside a label element, the checkbox value won't be submitted (POST'ed)
            //.addClass('ace ace-switch ace-switch-5').wrap('<label class="inline" />').after('<span class="lbl"></span>');


            //update buttons classes
            var buttons = form.next().find('.EditButton .fm-button');
            buttons.addClass('btn btn-sm').find('[class*="-icon"]').hide();//ui-icon, s-icon
            buttons.eq(0).addClass('btn-primary').prepend('<i class="ace-icon fa fa-check"></i>');
            buttons.eq(1).prepend('<i class="ace-icon fa fa-times"></i>')

            buttons = form.next().find('.navButton a');
            buttons.find('.ui-icon').hide();
            buttons.eq(0).append('<i class="ace-icon fa fa-chevron-left"></i>');
            buttons.eq(1).append('<i class="ace-icon fa fa-chevron-right"></i>');
        }

        function style_delete_form(form) {
            var buttons = form.next().find('.EditButton .fm-button');
            buttons.addClass('btn btn-sm btn-white btn-round').find('[class*="-icon"]').hide();//ui-icon, s-icon
            buttons.eq(0).addClass('btn-danger').prepend('<i class="ace-icon fa fa-trash-o"></i>');
            buttons.eq(1).addClass('btn-default').prepend('<i class="ace-icon fa fa-times"></i>')
        }

        function style_search_filters(form) {
            form.find('.delete-rule').val('X');
            form.find('.add-rule').addClass('btn btn-xs btn-primary');
            form.find('.add-group').addClass('btn btn-xs btn-success');
            form.find('.delete-group').addClass('btn btn-xs btn-danger');
        }

        function style_search_form(form) {
            var dialog = form.closest('.ui-jqdialog');
            var buttons = dialog.find('.EditTable')
            buttons.find('.EditButton a[id*="_reset"]').addClass('btn btn-sm btn-info').find('.ui-icon').attr('class', 'ace-icon fa fa-retweet');
            buttons.find('.EditButton a[id*="_query"]').addClass('btn btn-sm btn-inverse').find('.ui-icon').attr('class', 'ace-icon fa fa-comment-o');
            buttons.find('.EditButton a[id*="_search"]').addClass('btn btn-sm btn-purple').find('.ui-icon').attr('class', 'ace-icon fa fa-search');
        }

        function beforeDeleteCallback(e) {
            var form = $(e[0]);
            if (form.data('styled')) return false;

            form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
            style_delete_form(form);
            form.data('styled', true);
        }

        function beforeEditCallback(e) {
            var form = $(e[0]);
            form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
            style_edit_form(form);
        }


        //it causes some flicker when reloading or navigating grid
        //it may be possible to have some custom formatter to do this as the grid is being created to prevent this
        //or go back to default browser checkbox styles for the grid
        function styleCheckbox(table) {
            /**
             $(table).find('input:checkbox').addClass('ace')
             .wrap('<label />')
             .after('<span class="lbl align-top" />')


             $('.ui-jqgrid-labels th[id*="_cb"]:first-child')
             .find('input.cbox[type=checkbox]').addClass('ace')
             .wrap('<label />').after('<span class="lbl align-top" />');
             */
        }


        //unlike navButtons icons, action icons in rows seem to be hard-coded
        //you can change them like this in here if you want
        function updateActionIcons(table) {
            /**
             var replacement =
             {
                     'ui-ace-icon fa fa-pencil' : 'ace-icon fa fa-pencil blue',
                     'ui-ace-icon fa fa-trash-o' : 'ace-icon fa fa-trash-o red',
                     'ui-icon-disk' : 'ace-icon fa fa-check green',
                     'ui-icon-cancel' : 'ace-icon fa fa-times red'
                 };
             $(table).find('.ui-pg-div span.ui-icon').each(function(){
				var icon = $(this);
				var $class = $.trim(icon.attr('class').replace('ui-icon', ''));
				if($class in replacement) icon.attr('class', 'ui-icon '+replacement[$class]);
			})
             */
        }

        //replace icons with FontAwesome icons like above
        function updatePagerIcons(table) {
            var replacement =
                {
                    'ui-icon-seek-first': 'ace-icon fa fa-angle-double-left bigger-140',
                    'ui-icon-seek-prev': 'ace-icon fa fa-angle-left bigger-140',
                    'ui-icon-seek-next': 'ace-icon fa fa-angle-right bigger-140',
                    'ui-icon-seek-end': 'ace-icon fa fa-angle-double-right bigger-140'
                };
            $('.ui-pg-table:not(.navtable) > tbody > tr > .ui-pg-button > .ui-icon').each(function () {
                var icon = $(this);
                var $class = $.trim(icon.attr('class').replace('ui-icon', ''));

                if ($class in replacement) icon.attr('class', 'ui-icon ' + replacement[$class]);
            })
        }

        function enableTooltips(table) {
            $('.navtable .ui-pg-button').tooltip({container: 'body'});
            $(table).find('.ui-pg-div').tooltip({container: 'body'});
        }

        //var selr = jQuery(grid_selector).jqGrid('getGridParam','selrow');

        $(document).one('ajaxloadstart.page', function (e) {
            $.jgrid.gridDestroy(grid_selector);
            $('.ui-jqdialog').remove();
        });
    });
    });
</script>
<script type="text/javascript">
    /**
     * 搜索店铺
     */
    function searchShop() {
        var userName = $("#userName").val();
        var phone = $("#phone").val();
        //var parentDepartmentkey = $("#id_parentDepartmentkey_name").val();

        var filters = {
            "rules": [{
                "field": "username",
                "data": userName
            }, {
                "field": "phone",
                "data": phone
            }]
        };
        jQuery("#grid-table").jqGrid('setGridParam', {
            postData: {
                "filters": JSON.stringify(filters) //"{'rules' : [{'field' : 'shopName','data' : "+shopName+"},{'field' : 'state','data' : "+state+"}]}"
            }
        }).trigger("reloadGrid");
    }

    function isPhone(phone) {
        var tel = /^1[34578]\d{9}$/;
        return [tel.test(phone), '电话：格式不对']
    }
</script>